<!DOCTYPE html>
<html lang="en" ng-app="app">
  <head>
    <meta charset="utf-8">
    <title>Job Matcher</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
    <link href="css/common.css" rel="stylesheet"/>
    <link href="lib/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">


     <script src="lib/jquery/jquery-1.9.1.min.js"></script>
     <script src="lib/angular/angular.js"></script>
     <script src="lib/angular/angular-resource.js"></script>
     <script src="lib/angular/ui-bootstrap-0.2.0.js"></script>
      <script src="lib/angular/ui-bootstrap-tpls-0.2.0.js"></script>
      <script src="lib/angular/ng-grid-2.0.5.debug.js"></script>
      <script src="js/services.js"></script>
     <script src="js/app.js"></script>

      <script src="js/controllers.js"></script>


  </head>

  <body ng-controller="MainCtrl">

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">JobMatcher</a>
          <div class="nav-collapse collapse">
			  <div class="pull-right">



			  		<form class="navbar-form pull-right" action="/jobmatcher/resources/j_spring_security_check" method="post">

                  <input class="span2" type="text" name='j_username' placeholder="Email">
                  <input class="span2" type="password" name='j_password' placeholder="Password">
                  <button type="submit" class="btn">Sign in</button>
              </form>
                  <div ng-show="hasError" class="text-error" style="font-weight: bold; text-align: center">Invalid Email or Password</span>
                  </div>
              
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div id="wrap">

    <div id="main" class="container-fluid clear-top" >
        <div ng-show="globalAlert.show"/>
            <alert type="globalAlert.type" close="closeGlobalAlert()"><div align="center">{{globalAlert.msg}}</div></div></alert>
        </div>

      <!-- Main hero unit for a primary marketing messComage or call to action -->
      <div class="hero-unit main-height">
        <h1>Welcome to Job Matcher</h1>
  	    <p class="pull-right">a place where every Job Seekers and Hiring Managers meet</p>
  	    
      </div>

      <!-- Example row of columns -->
      <div class="row-fluid">
        <div class="span6">
          <div class="hero-unit main-height" align="center">
          	 <h2>Hiring Manager</h2>
          <p>
              <!--<a href="#hiringManagerSignupDialog" role="button" class="btn btn-large btn-primary" data-toggle="modal"><strong>Sign Up</strong></a>-->
         <!---->


             <div ng-controller="HiringManagerRegistrationCtrl">
                 <a role="button" class="btn btn-large btn-primary" ng-click="open()"><strong>Sign Up</strong></a>
                 <div modal="dialogOpen" close="close()" options="opts">
                     <div class="modal-header">
                         <button type="button" class="close" ng-click="close()">×</button>
                         <h3>Sign Up [Hiring Manager]</h3>
                     </div>
                     <div class="modal-body">

                         <form class="form-horizontal">
                             <div class="control-group">
                                 <label class="control-label">Email address*:</label>
                                 <div class="controls">
                                     <input type="text" name="email" ng-model="newHiringManager.email">

                                 </div>
                             </div>
                             <div class="control-group">
                                 <label class="control-label">Password*:</label>
                                 <div class="controls">
                                     <input type="password" name="password" ng-model="newHiringManager.password">

                                 </div>
                             </div>

                             <div class="control-group">
                                 <label class="control-label">Confirm Password*:</label>
                                 <div class="controls">
                                     <input type="password" name="confirm_password" ng-model="newHiringManager.confirm_password">

                                 </div>
                             </div>
                             <div class="control-group">
                                 <label class="control-label" for="company_name">Company Name*:</label>
                                 <div class="controls">
                                     <input type="text" name="company_name" ng-model="newHiringManager.company_name">

                                 </div>
                             </div>


                             <div class="control-group">
                                 <label class="control-label" for="address">Company Address*:</label>
                                 <div class="controls">
                                     <input type="text" name="address" ng-model="newHiringManager.address[0].address">

                                 </div>
                             </div>

                             <div class="control-group">
                                 <label class="control-label">City:</label>
                                 <div class="controls">
                                     <input type="text" name="city" ng-model="newHiringManager.address[0].city">

                                 </div>
                             </div>


                             <div class="control-group">
                                 <label class="control-label">State*:</label>
                                 <div class="controls">
                                     <select ng-model="newHiringManager.address[0].states">
                                         <option value="Alabama">Alabama</option>
                                         <option value="Alaska">Alaska</option>
                                         <option value="Arizona">Arizona</option>
                                         <option value="Arkansas">Arkansas</option>
                                         <option value="California">California</option>
                                         <option value="Colorado">Colorado</option>
                                         <option value="Connecticut">Connecticut</option>
                                         <option value="Delaware">Delaware</option>

                                         <option value="Florida">Florida</option>
                                         <option value="Georgia">Georgia</option>
                                         <option value="Hawaii">Hawaii</option>
                                         <option value="Idaho">Idaho</option>
                                         <option value="Illinois">Illinois</option>
                                         <option value="Indiana">Indiana</option>
                                         <option value="Iowa">Iowa</option>
                                         <option value="Kansas">Kansas</option>
                                         <option value="Kentucky">Kentucky</option>
                                         <option value="Louisiana">Louisiana</option>
                                         <option value="Maine">Maine</option>
                                         <option value="Maryland">Maryland</option>
                                         <option value="Massachusetts">Massachusetts</option>
                                         <option value="Michigan">Michigan</option>
                                         <option value="Minnesota">Minnesota</option>
                                         <option value="Mississippi">Mississippi</option>
                                         <option value="Missouri">Missouri</option>
                                         <option value="Montana">Montana</option>
                                         <option value="Nebraska">Nebraska</option>
                                         <option value="Nevada">Nevada</option>
                                         <option value="New_Hampshire">New Hampshire</option>
                                         <option value="New_Jersey">New Jersey</option>
                                         <option value="New_Mexico">New Mexico</option>
                                         <option value="New_York">New York</option>
                                         <option value="North_Carolina">North Carolina</option>
                                         <option value="North_Dakota">North Dakota</option>
                                         <option value="Ohio">Ohio</option>
                                         <option value="Oklahoma">Oklahoma</option>
                                         <option value="Oregon">Oregon</option>
                                         <option value="Pennsylvania">Pennsylvania</option>
                                         <option value="Rhode_Island">Rhode Island</option>
                                         <option value="South_Carolina">South Carolina</option>
                                         <option value="South_Dakota">South Dakota</option>
                                         <option value="Tennessee">Tennessee</option>
                                         <option value="Texas">Texas</option>
                                         <option value="Utah">Utah</option>
                                         <option value="Vermont">Vermont</option>
                                         <option value="Virginia">Virginia</option>
                                         <option value="Washington">Washington</option>
                                         <option value="West_Virginia">West_Virginia</option>
                                         <option value="Wisconsin">Wisconsin</option>
                                         <option value="Wyoming">Wyoming</option>
                                     </select>

                                 </div>
                             </div>
                             <div class="control-group">
                                 <label class="control-label">Zip*:</label>
                                 <div class="controls">
                                     <input type="text" name="zip" ng-model="newHiringManager.address[0].zip">

                                 </div>
                             </div>


                         </form>
                         <div ng-show="alertError.show">
                             <alert type="alertError.type" close="hideError()">{{alertError.msg}}</alert>
                         </div>

                     </div>
                     <div class="modal-footer">
                         <button class="btn" ng-click="close()" aria-hidden="true"><strong>Close</strong></button>
                         <button class="btn btn-primary" ng-click="submit()"><strong>Sign Up</strong></button>
                     </div>

                 </div>
             </div>


             </p>

          </div>
         
        </div>
        <div class="span6">
        	<div class="hero-unit main-height" align="center">
        		   <h2>Job Seeker</h2>

                 <p>

                <div ng-controller="JobSeekerRegistrationCtrl">
                    <a role="button" class="btn btn-large btn-primary" ng-click="open()"><strong>Sign Up</strong></a>
                    <div modal="dialogOpen" close="close()" options="opts">
                        <div class="modal-header">
                            <button type="button" class="close" ng-click="close()">×</button>
                            <h3>Sign Up [Job Seeker]</h3>
                        </div>
                        <div class="modal-body">
                            <!--  <b>{{newJobSeeker}}</b> !-->
                            <form class="form-horizontal">
                                <div class="control-group">
                                    <label class="control-label">Email address*:</label>
                                    <div class="controls">
                                        <input type="text" name="email" ng-model="newJobSeeker.email">

                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Password*:</label>
                                    <div class="controls">
                                        <input type="password" name="password" ng-model="newJobSeeker.password">

                                    </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label">Confirm Password*:</label>
                                    <div class="controls">
                                        <input type="password" name="confirm_password" ng-model="newJobSeeker.confirm_password">

                                    </div>
                                </div>


                                <!--<div class="control-group">-->
                                    <!--<label class="control-label" for="address">Address:</label>-->
                                    <!--<div class="controls">-->
                                        <!--<input type="text" name="address" ng-model="newJobSeeker.address">-->

                                    <!--</div>-->
                                <!--</div>-->

                                <!--<div class="control-group">-->
                                    <!--<label class="control-label">City:</label>-->
                                    <!--<div class="controls">-->
                                        <!--<input type="text" name="city" ng-model="newJobSeeker.city">-->

                                    <!--</div>-->
                                <!--</div>-->

                                <div class="control-group">
                                    <label class="control-label">State*:</label>
                                    <div class="controls">
                                        <select ng-model="newJobSeeker.states">
                                            <option value="Alabama">Alabama</option>
                                            <option value="Alaska">Alaska</option>
                                            <option value="Arizona">Arizona</option>
                                            <option value="Arkansas">Arkansas</option>
                                            <option value="California">California</option>
                                            <option value="Colorado">Colorado</option>
                                            <option value="Connecticut">Connecticut</option>
                                            <option value="Delaware">Delaware</option>

                                            <option value="Florida">Florida</option>
                                            <option value="Georgia">Georgia</option>
                                            <option value="Hawaii">Hawaii</option>
                                            <option value="Idaho">Idaho</option>
                                            <option value="Illinois">Illinois</option>
                                            <option value="Indiana">Indiana</option>
                                            <option value="Iowa">Iowa</option>
                                            <option value="Kansas">Kansas</option>
                                            <option value="Kentucky">Kentucky</option>
                                            <option value="Louisiana">Louisiana</option>
                                            <option value="Maine">Maine</option>
                                            <option value="Maryland">Maryland</option>
                                            <option value="Massachusetts">Massachusetts</option>
                                            <option value="Michigan">Michigan</option>
                                            <option value="Minnesota">Minnesota</option>
                                            <option value="Mississippi">Mississippi</option>
                                            <option value="Missouri">Missouri</option>
                                            <option value="Montana">Montana</option>
                                            <option value="Nebraska">Nebraska</option>
                                            <option value="Nevada">Nevada</option>
                                            <option value="New_Hampshire">New Hampshire</option>
                                            <option value="New_Jersey">New Jersey</option>
                                            <option value="New_Mexico">New Mexico</option>
                                            <option value="New_York">New York</option>
                                            <option value="North_Carolina">North Carolina</option>
                                            <option value="North_Dakota">North Dakota</option>
                                            <option value="Ohio">Ohio</option>
                                            <option value="Oklahoma">Oklahoma</option>
                                            <option value="Oregon">Oregon</option>
                                            <option value="Pennsylvania">Pennsylvania</option>
                                            <option value="Rhode_Island">Rhode Island</option>
                                            <option value="South_Carolina">South Carolina</option>
                                            <option value="South_Dakota">South Dakota</option>
                                            <option value="Tennessee">Tennessee</option>
                                            <option value="Texas">Texas</option>
                                            <option value="Utah">Utah</option>
                                            <option value="Vermont">Vermont</option>
                                            <option value="Virginia">Virginia</option>
                                            <option value="Washington">Washington</option>
                                            <option value="West_Virginia">West_Virginia</option>
                                            <option value="Wisconsin">Wisconsin</option>
                                            <option value="Wyoming">Wyoming</option>
                                        </select>

                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">Zip:</label>
                                    <div class="controls">
                                        <input type="text" name="zip" ng-model="newJobSeeker.zip">

                                    </div>
                                </div>


                            </form>
                            <div ng-show="alertError.show">
                                <alert type="alertError.type" close="hideError()">{{alertError.msg}}</alert>
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button class="btn" ng-click="close()" aria-hidden="true"><strong>Close</strong></button>
                            <button class="btn btn-primary" ng-click="submit()"><strong>Sign Up</strong></button>
                        </div>

                    </div>
                </div>
                </p>
            </div>

       
       </div>
      
      </div>

    </div>





    </div> <!-- /container -->

    <footer class="footer">
        <div class="text-right" align="center"><strong>&copy; JobMatcher 2013</strong></div>
    </footer>


    <!-- Modal -->
    <div id="hiringManagerSignupDialog" data-backdrop="static" data-keyboard="false" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="false">×</button>
            <h3 id="myModalLabel">Sign Up [Hiring Manager]</h3>
        </div>
        <div class="modal-body">

            <form class="form-horizontal" novalidate>
                <div class="control-group">
                    <label class="control-label" for="email">Email address*:</label>
                    <div class="controls">
                        <input type="email" name="email" id="email" required>

                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label" for="password">Password*:</label>
                    <div class="controls">
                        <input type="password" name="password" id="password" required>

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="confirm_password">Confirm Password*:</label>
                    <div class="controls">
                        <input type="password" name="confirm_password" id="confirm_password" required>

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="company_name">Company Name*:</label>
                    <div class="controls">
                        <input type="text" name="company_name" id="company_name" required>

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="address">Address:</label>
                    <div class="controls">
                        <input type="text" name="address" id="address" required>

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="company_name">City:</label>
                    <div class="controls">
                        <input type="text" name="city" id="city" required>

                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label" for="state">State:</label>
                    <div class="controls">
                        <select>
                            <option value="AL">Alabama</option>
                            <option value="AK">Alaska</option>
                            <option value="AZ">Arizona</option>
                            <option value="AR">Arkansas</option>
                            <option value="CA">California</option>
                            <option value="CO">Colorado</option>
                            <option value="CT">Connecticut</option>
                            <option value="DE">Delaware</option>
                            <option value="DC">District Of Columbia</option>
                            <option value="FL">Florida</option>
                            <option value="GA">Georgia</option>
                            <option value="HI">Hawaii</option>
                            <option value="ID">Idaho</option>
                            <option value="IL">Illinois</option>
                            <option value="IN">Indiana</option>
                            <option value="IA">Iowa</option>
                            <option value="KS">Kansas</option>
                            <option value="KY">Kentucky</option>
                            <option value="LA">Louisiana</option>
                            <option value="ME">Maine</option>
                            <option value="MD">Maryland</option>
                            <option value="MA">Massachusetts</option>
                            <option value="MI">Michigan</option>
                            <option value="MN">Minnesota</option>
                            <option value="MS">Mississippi</option>
                            <option value="MO">Missouri</option>
                            <option value="MT">Montana</option>
                            <option value="NE">Nebraska</option>
                            <option value="NV">Nevada</option>
                            <option value="NH">New Hampshire</option>
                            <option value="NJ">New Jersey</option>
                            <option value="NM">New Mexico</option>
                            <option value="NY">New York</option>
                            <option value="NC">North Carolina</option>
                            <option value="ND">North Dakota</option>
                            <option value="OH">Ohio</option>
                            <option value="OK">Oklahoma</option>
                            <option value="OR">Oregon</option>
                            <option value="PA">Pennsylvania</option>
                            <option value="RI">Rhode Island</option>
                            <option value="SC">South Carolina</option>
                            <option value="SD">South Dakota</option>
                            <option value="TN">Tennessee</option>
                            <option value="TX">Texas</option>
                            <option value="UT">Utah</option>
                            <option value="VT">Vermont</option>
                            <option value="VA">Virginia</option>
                            <option value="WA">Washington</option>
                            <option value="WV">West Virginia</option>
                            <option value="WI">Wisconsin</option>
                            <option value="WY">Wyoming</option>
                        </select>

                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="zip">Zip:</label>
                    <div class="controls">
                        <input type="text" name="zip" id="zip">

                    </div>
                </div>


            </form>


        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Sign Up</button>
        </div>
    </div>




    <div id="jobSeekerSignupDialog" data-backdrop="static" data-keyboard="false" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="false">×</button>
            <h3 id="myModalLabel">Sign Up [Job Seeker]</h3>
        </div>
        <div class="modal-body">

            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label">Email address*:</label>
                    <div class="controls">
                        <input type="email" name="email" >

                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Password*:</label>
                    <div class="controls">
                        <input type="password" name="password">

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">Confirm Password*:</label>
                    <div class="controls">
                        <input type="password" name="confirm_password" id="confirm_password">

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="address">Address:</label>
                    <div class="controls">
                        <input type="text" name="address">

                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">City:</label>
                    <div class="controls">
                        <input type="text" name="city">

                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label">State:</label>
                    <div class="controls">
                        <select>
                            <option value="AL">Alabama</option>
                            <option value="AK">Alaska</option>
                            <option value="AZ">Arizona</option>
                            <option value="AR">Arkansas</option>
                            <option value="CA">California</option>
                            <option value="CO">Colorado</option>
                            <option value="CT">Connecticut</option>
                            <option value="DE">Delaware</option>
                            <option value="DC">District Of Columbia</option>
                            <option value="FL">Florida</option>
                            <option value="GA">Georgia</option>
                            <option value="HI">Hawaii</option>
                            <option value="ID">Idaho</option>
                            <option value="IL">Illinois</option>
                            <option value="IN">Indiana</option>
                            <option value="IA">Iowa</option>
                            <option value="KS">Kansas</option>
                            <option value="KY">Kentucky</option>
                            <option value="LA">Louisiana</option>
                            <option value="ME">Maine</option>
                            <option value="MD">Maryland</option>
                            <option value="MA">Massachusetts</option>
                            <option value="MI">Michigan</option>
                            <option value="MN">Minnesota</option>
                            <option value="MS">Mississippi</option>
                            <option value="MO">Missouri</option>
                            <option value="MT">Montana</option>
                            <option value="NE">Nebraska</option>
                            <option value="NV">Nevada</option>
                            <option value="NH">New Hampshire</option>
                            <option value="NJ">New Jersey</option>
                            <option value="NM">New Mexico</option>
                            <option value="NY">New York</option>
                            <option value="NC">North Carolina</option>
                            <option value="ND">North Dakota</option>
                            <option value="OH">Ohio</option>
                            <option value="OK">Oklahoma</option>
                            <option value="OR">Oregon</option>
                            <option value="PA">Pennsylvania</option>
                            <option value="RI">Rhode Island</option>
                            <option value="SC">South Carolina</option>
                            <option value="SD">South Dakota</option>
                            <option value="TN">Tennessee</option>
                            <option value="TX">Texas</option>
                            <option value="UT">Utah</option>
                            <option value="VT">Vermont</option>
                            <option value="VA">Virginia</option>
                            <option value="WA">Washington</option>
                            <option value="WV">West Virginia</option>
                            <option value="WI">Wisconsin</option>
                            <option value="WY">Wyoming</option>
                        </select>

                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Zip:</label>
                    <div class="controls">
                        <input type="text" name="zip">

                    </div>
                </div>


            </form>

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Sign Up</button>
        </div>
    </div>

  </body>
</html>
